<!-- <ion-header>
  <ion-toolbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-toolbar>
</ion-header> -->

<ion-content padding>
  <div>
    <a class="welcome-name" href="/init">{{account}}</a>
    <a class="welcome">欢迎，</a>
  </div>
  <ion-button expand="block" color="primary" id="update-list">更新推荐列表</ion-button>
  <!-- <div id="update-list-1"></div> -->
  <ion-row id="home-tabs-row">
    <ion-col class="home-tabs" [ngClass]="{'home-tabs-selected': selected_1}"  size="4" (click)="changetoall()">
      综合评价
    </ion-col>
    <ion-col class="home-tabs" [ngClass]="{'home-tabs-selected': selected_2}" size="4" (click)="changetoscore()">
      评分优先
    </ion-col>
    <ion-col class="home-tabs" size="4" [ngClass]="{'home-tabs-selected': selected_3}" (click)="changetoprice()">
      价格优先
    </ion-col>
  </ion-row>

  <ion-list>
    <ion-item class="home-tabs-item"  lines="none" *ngFor="let item of mydata" (click)="detail(item.index)">
      <ion-thumbnail class="home-thumbnail" slot="start">
        <img class="home-img" [src]="item.img">
      </ion-thumbnail>
      <div class="home-1">
        <ion-row class="name">{{item.name}}</ion-row>
        <ion-row>
          <ion-label class="price">参考价格：</ion-label>
          <ion-label class="price">{{item.price}}元</ion-label>
        </ion-row>
        <ion-row>
          <ion-label class="score">评分：</ion-label>
          <ion-label class="score">{{item.score}}分</ion-label>
        </ion-row>
        <ion-row>
          <ion-label class="stars">推荐指数：</ion-label>
          <ion-label class="stars">{{item.stars}}颗星</ion-label>
        </ion-row>
      </div>
    </ion-item>
    <!-- <ion-item class="home-tabs-item" >
      <ion-thumbnail class="home-thumbnail" slot="start">
        <img class="home-img"
          src="https://img11.360buyimg.com/n1/jfs/t30559/226/751774559/268885/2f9f70b2/5bfd040bN44137661.jpg">
      </ion-thumbnail>
      <div class="home-1">
        <ion-row class="name">儿童白色舞蹈袜子</ion-row>
        <ion-row>
          <ion-label>参考价格：</ion-label>
          <ion-label class="price">40.00元</ion-label>
        </ion-row>
        <ion-row>
          <ion-label>评分：</ion-label>
          <ion-label class="score">4.7分</ion-label>
        </ion-row>
        <ion-row>
          <ion-label>推荐指数：</ion-label>
          <ion-label class="stars">5颗星</ion-label>
        </ion-row>
      </div>

    </ion-item> -->
    <!-- <ion-item>
          <ion-label>Toggle</ion-label>
          <ion-toggle slot="end"></ion-toggle>
        </ion-item>
        <ion-item>
          <ion-label>Radio</ion-label>
          <ion-radio slot="end"></ion-radio>
        </ion-item>
        <ion-item>
          <ion-label>Checkbox</ion-label>
          <ion-checkbox slot="start"></ion-checkbox>
        </ion-item> -->
  </ion-list>
</ion-content>